<template>
  <section class="todoapp">
    <TodoListHeader></TodoListHeader>
    <TodoListBody></TodoListBody>
    <TodoListFooter></TodoListFooter>


  </section>
</template>

<script>
import TodoListHeader from './components/TodoListHeader .vue'
import TodoListBody from './components/TodoListBody.vue'
import TodoListFooter from './components/TodoListFooter.vue'
export default {
  components: {
    TodoListHeader,
    TodoListBody,
    TodoListFooter,
  },
  data() {
    return {}
  },
  computed: {},
  watch: {},
  methods: {},
}
</script>

<style scoped></style>
